<template>
  <div id="app">
    <Header></Header>
    <router-view></router-view>
    <Footer v-if="!$route.meta.isHidden"></Footer>
  </div>
</template>

<script>
import Header from "@/components/Header";
import Footer from "@/components/Footer";
export default {
  name: "App",
  components: {
    Header,
    Footer,
  },
  mounted() {
    this.getCatgoryList();
  },
  methods: {
    // 自己定义一个方法，这个方法一但调用就会触发vuex中的三连发
    // 在app发送请求可以解决小路由多次请求
    getCatgoryList() {
      this.$store.dispatch("getCatgoryList");
    },
  },
};
</script>

<style>
</style>
